<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	  <title>dnm.html</title>
	  <style type="text/css">
	    nav ol li {
	      color: blue;
	    }
	    nav ol> li#acil+ li {
	      color: red;
	    }
	  </style>
	  <script type="text/javascript">
	    var init = function () {
				var elemanHTML5 = document.querySelector("html5");
				console.log(elemanHTML5.textContent);
				var elemanJs = document.querySelector("div#content>div#css+div");
				console.log(elemanJs.textContent);
				var elemanSpan = elemanHTML5.querySelector("span");
				console.log(elemanSpan.textContent);
				var elemanB = elemanHTML5.querySelector("span>b");
				console.log(elemanB.textContent);
			}
	  </script>
  </head>
  <body onload="init();">
    <div id="content">
      <div id="html5">Her Yönüyle<span>Html<b>5</b></span></div>
      <div id="css">XHTML ve CSS</div>
      <div>javascript</div>
    </div>
    <nav>
      <ol>
        <li>Yeşil</li>
        <li id="acil">Beyaz</li>
        <li>Kırmızı</li>
        <li>Sarı</li>
        <li>Mavi</li>
      </ol>
    </nav>
  </body>
</html>
